<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../../css/mui.css"/>
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/general.css"/>
		<style type="text/css">
			.main{
				width: 100%;
				
			}
			.paymentlist{
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
				margin: 0.5em 0;
				padding: 0.5em;
				width: 100%;
				background-color: white;
			}
			.paymentlist>div{
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 0.1em;
			}
			*{
				font-family: "arial rounded mt bold";
			}
			.qian{
				color: orange;
				font-size: 1.2em;
			}
		</style>
	
	</head>

	<body>
		<header class="mui-bar mui-bar-nav hbg">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left colorw"></a>
		    <h1 class="mui-title">付款明细</h1>
		</header>
		<div class="mui-content">
		    <div class="main" id="paylistid">
					<!--
				<div class="paymentlist" >
                    	作者：592176224@qq.com
                    	时间：2019-01-22
                    	描述：
                    	<div><span>NO:201814456145156</span><span class="fe08">快速消费</span></div>
                    	<div><span class="fe08">散客（000）</span><span class="fe08"></span></div>
                    	<div><span class="fe08">详情：</span><span class="qian">￥55</span></div>
                    	<div><span class="fe08">门店：总店</span><span class="fe08"></span></div>
                    	<div><span class="fe08">说明：111</span><span class="fe08">2018-12-01 12：11</span></div>
				</div>
                    -->
				
			</div>
		</div>
		<script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/req.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/muishow.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var rid = 0;
			window.onload = function(){
				rid= getrequest().rid;
				getmarkdetail();
				
			}
			
			function getmarkdetail(){
				var data = {
					url:"/api/income/detail",
					data:{
						access_token:acctoken(),id:rid
					}
				}
				ajax(data,function(res){
					console.log("日常详情",res)
					var str = '<div class="paymentlist" ><div><span>'+
					res.data.employee.username+
					'</span><span class="fe08">'+
					res.data.name+
					'</span></div>'+
					'<div><span class="fe08">'+
					res.data.employee.username+
					'</span><span class="fe08"></span></div>'+
					'<div><span class="fe08">详情：'+
					res.data.remark+
					'</span>';
					if(res.data.type == "收入"){
					str += '<span class="qian">+￥'+
					res.data.money+
					'</span>';
					}else{
					str += '<span class="qian">-￥'+
					res.data.money+
					'</span>';
					}
					str +='</div>'+
					'<div><span class="fe08">门店：'+
					res.data.store.store_name+
					'</span><span class="fe08"></span></div>'+
					'<div><span class="fe08">说明：'+
					res.data.remark+
					'</span><span class="fe08">'+
					res.data.createtime+
					'</span></div></div>';
					g("paylistid").innerHTML = str;
				})
				
			}
		</script>
	</body>

</html>